<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Multi Level Drop Down Menu 2.1</title>
	<link rel='stylesheet' type='text/css' href='styles.css' />
	<script type='text/javascript' src='jquery-1.3.1.min.js'></script>
	<script type='text/javascript' src='jquery.multi-ddm.js'></script>
</head>
<body>
<!--
Multi Level Drop Down Menu 2.1
October 1, 2009
Corey Hart @ http://www.codenothing.com
-->

<h2>Multi Level Drop Down Menu 2.1</h2>
<pre>
$(function(){
	var css = ['parent-hover', 'child-hover1', 'child-hover2', 'child-hover3', 'child-hover4'];
	$('#multi-ddm').dropDownMenu({timer: 800, levels: css});
});
</pre>

<script type='text/javascript'>
$(function(){
	var css = ['parent-hover', 'child-hover1', 'child-hover2', 'child-hover3', 'child-hover4'];
	$('#multi-ddm').dropDownMenu({timer: 800, levels: css});
});
</script>


<ul id='multi-ddm'>
	<li>
		<a href='http://www.codenothing.com'>Home</a>
		<ul>
			<li><a href='http://www.codenothing.com/about-me/corey-hart/'>About Me</a></li>
			<li><a href='http://www.codenothing.com/archives/'>Archive</a></li>
			<li><a href='http://www.codenothing.com/archives/jquery/'>Sort</a></li>
			<li><a href='http://www.codenothing.com/rss.xml'>RSS Feed</a></li>
		</ul>
	</li>
	<li>
		<a href='http://www.codenothing.com/archives/'>Favorite's</a>
		<ul>
			<li><a href='http://www.codenothing.com/archives/jquery/multi-level-drop-down-menu/'>Multi-ddm</a></li>
			<li><a href='http://www.codenothing.com/archives/howto/ubuntu-local-server/'>Build Local Server</a></li>
			<li><a href='http://www.codenothing.com/archives/php/rss-feed/'>PHP RSS Feed</a></li>
			<li><a href='http://www.codenothing.com/archives/php/database/'>Database.php</a></li>
			<li>
				<a href='http://www.codenothing.com/archives/'><span>&raquo;</span>Repeat List</a>
				<ul>
					<li><a class='first' href='http://www.codenothing.com/archives/jquery/multi-level-drop-down-menu/'>Multi-ddm</a></li>
					<li><a href='http://www.codenothing.com/archives/howto/ubuntu-local-server/'>Build Local Server</a></li>
					<li><a href='http://www.codenothing.com/archives/php/rss-feed/'>PHP RSS Feed</a></li>
					<li><a href='http://www.codenothing.com/archives/php/database/'>Database.php</a></li>
					<li>
						<a href='http://www.codenothing.com/archives/'><span>&raquo;</span>Repeat List</a>
						<ul>
							<li><a class='first' href='http://www.codenothing.com/archives/jquery/multi-level-drop-down-menu/'>Multi-ddm</a></li>
							<li><a href='http://www.codenothing.com/archives/howto/ubuntu-local-server/'>Build Local Server</a></li>
							<li><a href='http://www.codenothing.com/archives/php/rss-feed/'>PHP RSS Feed</a></li>
							<li><a href='http://www.codenothing.com/archives/php/database/'>Database.php</a></li>
							<li>
								<a href='http://www.codenothing.com/archives/'><span>&raquo;</span>Repeat List</a>
								<ul>
									<li><a class='first' href='http://www.codenothing.com/archives/jquery/multi-level-drop-down-menu/'>Multi-ddm</a></li>
									<li><a href='http://www.codenothing.com/archives/howto/ubuntu-local-server/'>Build Local Server</a></li>
									<li><a href='http://www.codenothing.com/archives/php/rss-feed/'>PHP RSS Feed</a></li>
									<li><a href='http://www.codenothing.com/archives/php/database/'>Database.php</a></li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>
		<a href='http://www.codenothing.com/archives/jquery/'>Sort</a>
		<ul>
			<li>
				<a href='http://www.codenothing.com/archives/php/'><span>&raquo;</span>PHP</a>
				<ul>
					<li><a class='first' href='http://www.codenothing.com/archives/snippets/pagelinks/'>Snippet: pageLinks</a></li>
					<li><a href='http://www.codenothing.com/archives/php/rss-feed/'>PHP RSS Feed</a></li>
					<li><a href='http://www.codenothing.com/archives/snippets/encode/'>Snippet: encode</a></li>
					<li><a href='http://www.codenothing.com/archives/php/database-use/'>Using Database.php</a></li>
					<li><a href='http://www.codenothing.com/archives/php/database/'>Database.php</a></li>
				</ul>
			</li>
			<li>
				<a href='http://www.codenothing.com/archives/jquery/'><span>&raquo;</span>jQuery</a>
				<ul>
					<li><a class='first' href='http://www.codenothing.com/archives/jquery/single-drop-down-menu/'>Single-ddm</a></li>
					<li><a href='http://www.codenothing.com/archives/jquery/drop-down-menu/'>Drop Down Menu</a></li>
				</ul>
			</li>
			<li>
				<a href='http://www.codenothing.com/archives/howto/'><span>&raquo;</span>HOWTO</a>
				<ul>
					<li><a class='first' href='http://www.codenothing.com/archives/howto/ubuntu-local-server/'>Build Local server</a></li>
				</ul>
			</li>
			<li>
				<a href='http://www.codenothing.com/archives/snippets/'><span>&raquo;</span>Snippets</a>
				<ul>
					<li><a class='first' href='http://www.codenothing.com/archives/snippets/pagelinks/'>Snippet: pageLinks</a></li>
					<li><a href='http://www.codenothing.com/archives/snippets/encode/'>Snippet: encode</a></li>
				</ul>
			</li>
			<li>
				<a href='http://www.codenothing.com/archives/other/'><span>&raquo;</span>Other</a>
				<ul>
					<li><a class='first' href='http://www.codenothing.com/about-me/corey-hart/'>About Me</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li>
		<a href='http://www.codenothing.com/about-me/corey-hart/'>About Me</a>
	</li>
</ul>

<br>
<div style='margin-top: 100px;font-size: 9pt;'>
	<a href='index.html'>Example 1</a> |
	<b>Example 2</b> | 
	<a href='docs.html'>Docs</a>
</div>


<div style='margin-top:75px; font-size: 9pt;'>
	<a href='http://www.codenothing.com/archives/jquery/multi-level-drop-down-menu/'>Back to Original Article</a>
</div>



</body>
</html>
